<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>摩旅圈App后台管理</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.default.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/prettify/prettify.css"
	type="text/css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/prettify/prettify.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.flot.resize.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/custom.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
</head>
<body>

	<div class="mainwrapper">

		<!-- START OF LEFT PANEL -->
		<div class="leftpanel">

			<div class="logopanel">
				<h1>
					<a href="${pageContext.request.contextPath}/index.jsp">摩旅圈 <span>v1.0</span></a>
				</h1>
			</div>
			<!--logopanel-->

			<div class="leftmenu">
				<ul class="nav nav-tabs nav-stacked">
					<li class="nav-header">主功能</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/index.jsp"><span
							class="icon-pencil"></span> 发帖</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/post_find.jsp">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_picture.jsp">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_team.jsp">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/post_trade.jsp">交易贴</a></li>
						</ul></li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/post_elite.jsp"><span
							class=" icon-edit"></span> 帖子管理</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/posts/getAllPostsDiscover">发现贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsPic">图文贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsFriend">组队贴</a></li>
							<li><a
								href="${pageContext.request.contextPath}/posts/getPostsTrade">交易贴</a></li>
						</ul>
					</li>
					<li class="dropdown"><a
						href="${pageContext.request.contextPath}/media.jsp"><span
							class="icon-picture"></span> App图片</a>
						<ul>
							<li><a
								href="${pageContext.request.contextPath}/welcome.jsp">欢迎页配置</a></li>
							<li><a href="${pageContext.request.contextPath}/start_pic.jsp">首页轮播图</a></li>
						</ul></li>
					<li><a href="${pageContext.request.contextPath}/user/userList"><span
							class="iconsweets-male"></span> 用户管理</a></li>

				</ul>
			</div>
			<!--leftmenu-->

		</div>
		<!--mainleft-->
		<!-- END OF LEFT PANEL -->

		<!-- START OF RIGHT PANEL -->
		<div class="rightpanel">
			<div class="headerpanel">
				<a href="" class="showmenu"></a>

				<div class="headerright">
					<div class="dropdown userinfo">
						<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"
							href="/page.jsp">Hi, ${sessionScope.username}&nbsp;! <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<%-- <li><a href="${pageContext.request.contextPath}/index.jsp"><span
									class="icon-edit"></span> 修改密码</a></li> 
							<li class="divider"></li>--%>
							<li><a href="${pageContext.request.contextPath}/login.jsp"><span
									class="icon-off"></span> 退出</a></li>
						</ul>
					</div>
					<!--dropdown-->

				</div>
				<!--headerright-->

			</div>
			<!--headerpanel-->
			<div class="breadcrumbwidget">
				<!-- <ul class="skins">
					<li><a href="default" class="skin-color default"></a></li>
					<li><a href="orange" class="skin-color orange"></a></li>
					<li><a href="dark" class="skin-color dark"></a></li>
					<li>&nbsp;</li>
					<li class="fixed"><a href="" class="skin-layout fixed"></a></li>
					<li class="wide"><a href="" class="skin-layout wide"></a></li>
				</ul> -->
				<!--skins-->
				<ul class="breadcrumb">
					<li><a href="${pageContext.request.contextPath}/index.jsp">Home</a>
						<span class="divider">/</span></li>
				</ul>
			</div>
			<!--breadcrumbwidget-->

			<div class="maincontent">
				<div class="contentinner content-dashboard">
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>发帖</strong>
					</div>
					<!--alert-->

					<div class="row-fluid">
						<div class="span8">
							<ul class="widgeticons row-fluid">
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/post_find.jsp"><img
										src="img/gemicon/edit.png" alt="" /><span>发现贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/post_picture.jsp"><img
										src="img/gemicon/edit.png" alt="" /><span>图文贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/post_team.jsp"><img
										src="img/gemicon/edit.png" alt="" /><span>组队贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/post_trade.jsp"><img
										src="img/gemicon/edit.png" alt="" /><span>交易贴</span></a></li>
							</ul>
						</div>
					</div>
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>帖子管理</strong>
					</div>
					<!--alert-->

					<div class="row-fluid">
						<div class="span8">
							<ul class="widgeticons row-fluid">
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/posts/getAllPostsDiscover"><img
										src="img/gemicon/edit.png" alt="" /><span>发现贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/posts/getPostsPic"><img
										src="img/gemicon/edit.png" alt="" /><span>图文贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/posts/getPostsFriend"><img
										src="img/gemicon/edit.png" alt="" /><span>组队贴</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/posts/getPostsTrade"><img
										src="img/gemicon/edit.png" alt="" /><span>交易贴</span></a></li>
							</ul>
						</div>
					</div>
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>App图片</strong>
					</div>
					<!--alert-->
					<div class="row-fluid">
						<div class="span8">
							<ul class="widgeticons row-fluid">
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/welcome.jsp"><img
										src="img/gemicon/image.png" alt="" /><span>欢迎页配置</span></a></li>
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/start_pic.jsp"><img
										src="img/gemicon/image.png" alt="" /><span>首页轮播图</span></a></li>
							</ul>
						</div>
					</div>
					<div class="alert alert-info">
						<button type="button" class="close" data-dismiss="alert">×</button>
						<strong>用户管理</strong>
					</div>
					<!--alert-->
					<div class="row-fluid">
						<div class="span8">
							<ul class="widgeticons row-fluid">
								<li class="one_fifth"><a
									href="${pageContext.request.contextPath}/user/userList"><img
										src="img/gemicon/users.png" alt="" /><span>用户管理</span></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--mainwrapper-->
			<script type="text/javascript">
				jQuery(document)
						.ready(
								function() {

									// basic chart
									var flash = [ [ 0, 2 ], [ 1, 6 ], [ 2, 3 ],
											[ 3, 8 ], [ 4, 5 ], [ 5, 13 ],
											[ 6, 8 ] ];
									var html5 = [ [ 0, 5 ], [ 1, 4 ], [ 2, 4 ],
											[ 3, 1 ], [ 4, 9 ], [ 5, 10 ],
											[ 6, 13 ] ];

									function showTooltip(x, y, contents) {
										jQuery(
												'<div id="tooltip" class="tooltipflot">'
														+ contents + '</div>')
												.css({
													position : 'absolute',
													display : 'none',
													top : y + 5,
													left : x + 5
												}).appendTo("body").fadeIn(200);
									}

									var plot = jQuery.plot(
											jQuery("#chartplace2"), [ {
												data : flash,
												label : "Flash(x)",
												color : "#fb6409"
											}, {
												data : html5,
												label : "HTML5(x)",
												color : "#096afb"
											} ], {
												series : {
													lines : {
														show : true,
														fill : true,
														fillColor : {
															colors : [ {
																opacity : 0.05
															}, {
																opacity : 0.15
															} ]
														}
													},
													points : {
														show : true
													}
												},
												legend : {
													position : 'nw'
												},
												grid : {
													hoverable : true,
													clickable : true,
													borderColor : '#ccc',
													borderWidth : 1,
													labelMargin : 10
												},
												yaxis : {
													min : 0,
													max : 15
												}
											});

									var previousPoint = null;
									jQuery("#chartplace2")
											.bind(
													"plothover",
													function(event, pos, item) {
														jQuery("#x")
																.text(
																		pos.x
																				.toFixed(2));
														jQuery("#y")
																.text(
																		pos.y
																				.toFixed(2));

														if (item) {
															if (previousPoint != item.dataIndex) {
																previousPoint = item.dataIndex;

																jQuery(
																		"#tooltip")
																		.remove();
																var x = item.datapoint[0]
																		.toFixed(2), y = item.datapoint[1]
																		.toFixed(2);

																showTooltip(
																		item.pageX,
																		item.pageY,
																		item.series.label
																				+ " of "
																				+ x
																				+ " = "
																				+ y);
															}

														} else {
															jQuery("#tooltip")
																	.remove();
															previousPoint = null;
														}

													});

									jQuery("#chartplace2")
											.bind(
													"plotclick",
													function(event, pos, item) {
														if (item) {
															jQuery("#clickdata")
																	.text(
																			"You clicked point "
																					+ item.dataIndex
																					+ " in "
																					+ item.series.label
																					+ ".");
															plot
																	.highlight(
																			item.series,
																			item.datapoint);
														}
													});

									// bar graph
									var d2 = [];
									for (var i = 0; i <= 10; i += 1)
										d2.push([ i,
												parseInt(Math.random() * 30) ]);

									var stack = 0, bars = true, lines = false, steps = false;
									jQuery.plot(jQuery("#bargraph2"), [ d2 ], {
										series : {
											stack : stack,
											lines : {
												show : lines,
												fill : true,
												steps : steps
											},
											bars : {
												show : bars,
												barWidth : 0.6
											}
										},
										grid : {
											hoverable : true,
											clickable : true,
											borderColor : '#bbb',
											borderWidth : 1,
											labelMargin : 10
										},
										colors : [ "#06c" ]
									});

									// calendar
									jQuery('#calendar').datepicker();

								});
			</script>
</body>
</html>
